/* 发展历程 */
.course {
  padding-top: .25rem;

  h2 {
    height: 41px;
    background: url("../images/introduce/course_title.png") no-repeat center center;
    background-size: contain;
    margin-bottom: .07rem;
  }

  /* 时间线 */

  .time-line {
    position: relative;

    /* 左边 */

    .time-left {
      padding-top: .22rem;

      li {
        width: 1.56rem;
        background-color: #fff8a6;
        box-shadow: 0 0 6px #fff8a6;
        border-radius: .05rem;
        margin-bottom: .945rem;
        padding: .125rem .13rem .085rem;

        &:last-child {
          background-color: transparent;
          box-shadow: 0 0 6px transparent;
          margin-bottom: 0;
          padding: 0;
          transform: translateY(-68px);

          img {
            display: block;
            width: 1.3rem;
          }
        }
      }
    }

    /* 右边 */

    .time-right {
      li {
        margin-top: 1.17rem;
        width: 1.56rem;
        background-color: #fff8a6;
        box-shadow: 0 0 6px #fff8a6;
        border-radius: .05rem;
        padding: .125rem .13rem .085rem;
      }
    }

    /* 箭头 */

    .down-nav {
      position: absolute;
      top: 0;
      left: 48%;
      height: 445px;
      width: 13.5px;
      //background-color: #00F7DE;
      z-index: 98;
      padding-top: .675rem;

      li {
        position: relative;
        z-index: 999;
        margin-bottom: .85rem;
        transform: translateX(1px);

        img {
          display: block;
          width: 13.5px;
          height: 11.5px;
        }

        &:nth-of-type(1) {
          margin-bottom: .75rem;
        }
      }

      &:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        top: 0;
        left: 50%;
        background: url("../images/introduce/line.png") no-repeat center center;
        background-size: contain;
      }
    }

    /* 通用背景 */

    li {
      p {
        &:nth-of-type(1) {
          color: #3f3a39;
          font-size: 18px;
        }

        &:nth-of-type(2) {
          color: #454545;
          font-size: 12px;
        }
      }
    }

    .over {
      background-color: #fff8a6;
      box-shadow: 0 0 6px #fff8a6;
      position: absolute;
      z-index: 98;
      bottom: -5px;
      left: 50%;
      transform: translateX(-50%);
      padding: .08rem;
      border-radius: .05rem;

      p {
        text-align: center;
      }
    }


  }
}

.w-line {
  height: 5px;
  background-color: #eaeaea;
  margin-top: 30px;
  margin-bottom: 34px;
}

/* 团队 */
.team {
  h2 {
    height: 42px;
    background: url("../images/introduce/team_title.png") no-repeat center center;
    background-size: contain;
    margin-bottom: .17rem;
  }

  /* 合照 */

  .all-photo {
    img{
      display: block;
      width: 100%;
    }
  }

  .photo-nav{
    li{
      margin-bottom: .3rem;
      img{
        display: block;
        width: 100%;
      }
    }
  }
}
